<script setup>
defineProps({
  list: {
    type: Array,
    default: () => []
  }
})
</script>

<template>
  <uni-list :border="false">
    <uni-list-item
      v-for="(item, index) in list"
      :key="index"
      :border="false"
      :title="item.title"
      :to="item.url"
      show-arrow
      show-extra-icon
      :extra-icon="{
        customPrefix: 'icon-symbol',
        type: item.icon
      }"
    />
  </uni-list>
</template>

<style lang="scss" scoped>
:deep(.uni-list-item__content-title) {
  font-size: 30rpx !important;
  color: #3c3e42 !important;
}
:deep(.uni-list-item__container) {
  padding: 20rpx 0 !important;
}
:deep(.uni-icon-wrapper) {
  padding-right: 0 !important;
  color: #c3c3c5 !important;
}
:deep(.uni-icons) {
  display: block !important;
}
</style> 